<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" href="../css/bootstrap.css">
	</head>
	<style>
		.navbar-brand {
			width: 120px;
			height: 90px;
			background-color: #3bbe7a;
			margin-left: 50px;

		}

		.row {
			text-align: center;
			margin-left: 500px;
			margin-top: 20px;
		}

		.aa {
			margin-right: 50px;
		}
		.yan{
			width: 120px;
			height: 30px;
			border: 1px solid #3bbe7a;
			color: #3bbe7a;
		}
	</style>
	<body>
		<div class="container width:120px">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
					<img src="logo-pc.svg" class="navbar-brand">
				</div>
				<div class="row">
					<ul class="nav navbar-nav navbar-collapse collapse">
						<li><a href="#">北大情况</a></li>
						<li><a href="#">&nbsp; &nbsp; &nbsp;招生</a></li>
						<li><a href="#"> &nbsp; &nbsp; &nbsp;学部与学院</a></li>
						<li><a href="#"> &nbsp; &nbsp; &nbsp;学部与学院</a></li>
					</ul>
					<div class="aa">
						<form class="navbar-form navbar-right ">
							<button class=" yan" data-toggle="modal" data-target=".modal" type="submit">下载途欢健康</button>
							<div class="modal fade" tabindex="-1" role="dialong" id="myModel">
								<div class="modal-dialog" role="document">
								<div class="modal-content">
									
									<div class="modal-body">
										<p><img src="erweima-app.svg" width="150px"/>
											<h6>请用微信扫一扫</h6>
											<p>下载"途欢健康"App注册登录</p>
										</p>
									</div>
								</div>
								</div>
								
							</div>
				</form>
				<div>
			</div>
			</nav>
		</div>
			<script src="../js/jquery-1.12.4.js"></script>
			<script src="../js/bootstrap.min.js"></script>
			<script>
				$(".modal").modal()
				
			</script>
	</body>
</html>
